/*TODO: Add all remaining styles from FordProductrangeProductPageInner.cshtml*/

.ad-banners {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: var(--space-s);

    .ad-banners__banner {
        max-width: 1360px;
        position: relative;
        max-height: 300px;
        padding: var(--space-l);
        display: flex;
        align-items: center;
        background-color: #dadada;
        gap: var(--space-m);
    }

    .ad-banners__content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: var(--space-xs);
    }

    .ad-banners__header {
        margin: 0;
        color: #00467f;
    }

    .ad-banners__image {
        width: 40%;
        height: 100%;
        object-fit: cover;
    }
}

@media only screen and (max-width: 996px) {
    .ad-banners {
        .ad-banners__banner {
            max-height: fit-content;
        }

        .ad-banners__image {
            width: 50%;
        }
        
        .ad-banners__text {
            font-size: var(--step--1);
            line-height: var(--step-0);
        }
    }
}
    
@media only screen and (max-width: 768px) {
    .ad-banners {
        .ad-banners__image {
            position: absolute;
            bottom: 0;
            right: var(--space-l);
            max-width: 200px;
            height: auto;
        }
    }
}

@media only screen and (max-width: 576px) {
    .ad-banners {
        .ad-banners__image {
            display: none;
        }
    }
}